<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <script src="https://cdn.bootcdn.net/ajax/libs/js-cookie/3.0.1/js.cookie.min.js"></script>
  <link rel="stylesheet" href="./css/index.css">
  <link rel="stylesheet" href="./images/font_7uugy8q453x/iconfont.css">
  <script src="./js/api.js"></script>
  <link rel="stylesheet" href="./swiper/swiper-bundle.min.css">
  <script src="./swiper/swiper-bundle.min.js"></script>
  <link rel="stylesheet" href="./images/font_h0pgwu5ajx/iconfont.css">
  <script src="https://cdn.bootcdn.net/ajax/libs/axios/0.27.2/axios.min.js"></script>
  <!-- <script src="./js/request.js"></script> -->
  <title>Document</title>
  <style></style>
</head>
<script>
   window.onload=function(){
    
  }
</script>
<body>
  <!-- 导航栏 -->
  <div class="headerBox">
    <div class="header">
      <div class="headerImg"></div>

      <div class="login-header" style="display: block;">
        <div class="login">注册</div>
        <span>|</span>
        <div class="reg">登录</div>
      </div>

      <div class="login-header" id="next" style="display: none;">
        <div class="login info">欢迎gjku</div>
        <span> | </span>
        <div class="reg out">注销</div>
      </div>
      <div class="search">
        <input type="text" class="placehoders-custom" placeholder="请输入您要搜索的商品或店铺">
        <span class="iconfont icon-sousuo"></span>
      </div>
    </div>
  </div>
  <nav>
    <div class="navBox">
      <!-- 106*46 -->
      <div class="navA">
        <a href="#" class="nav-active">首页</a>
        <a href="#">萌物库</a>
        <a href="#">品牌馆</a>
        <a href="#">同袍社区</a>
        <a href="#" class="car">购物车</a>

      </div>
      <a href="#" id="store"><span class="store-img"></span>店铺入住</a>
    </div>
  </nav>
  <div class="mainbox">
    <div class="banner">
      <div class="swiper mySwiper">
        <div class="swiper-wrapper">  
        </div>
        <div class="swiper-button-next" ></div>
        <div class="swiper-button-prev" ></div>
  
        <div class="swiper-pagination"></div>
      </div>
    </div>
  
    <div class="product def">
      <h1>本周热卖</h1>
      <div class="def-product-list">
        <ul class="hot">
          <!-- <li></li> -->
        </ul>
      </div>
  
    </div>
  
    <div class="product def">
      <h1>汉服女装</h1>
      <div class="product-list">
        <ul class="girl">
          <!-- <li>
            <img src="./images/reglogo.webp" alt="">
            <h3><span>￥</span>3.00</h3>
            <p>【骨折清仓】披帛+发带+包包</p>
          </li>
          <li></li>
          <li></li>
          <li></li>
          <li></li>
          <li></li>
          <li></li>
          <li></li> -->
        </ul>
      </div>
  
    </div>
    <div class="product def">
      <h1>汉服男装</h1>
      <div class="product-list">
        <ul class="boy">
  
        </ul>
      </div>
  
    </div>
    <div class="saoma">
      <img src="./images/b609ad0e343e4112817b06a005490c25.png" alt="">
    </div>
    <div class="product def">
      <h1>汉元素</h1>
      <div class="product-list">
        <ul class="hys">
  
        </ul>
      </div>
  
    </div>
  
    <div class="product def">
      <h1>汉服童装</h1>
      <div class="product-list">
        <ul class="child">
  
        </ul>
      </div>
  
    </div>
    <div class="product def">
      <h1>周边配饰</h1>
      <div class="product-list">
        <ul class="other">
  
        </ul>
      </div>
  
    </div>
  
    <div class="toTop">
      <span class="iconfont icon-ico-top"></span>
    </div>
    <div class="pinpai">
      <h1>热门品牌</h1>
      <ul>
        <li>
          <img class="im1" src="./images/01.webp" alt="">
        </li>
        <li>
          <img src="./images/02.webp" alt="">
        </li>
        <li>
          <img src="./images/03.webp" alt="">
        </li>
        <li>
          <img class="im4" src="./images/04.jpg" alt="">
        </li>
        <li>
          <img src="./images/05.webp" alt="">
        </li>
        <li>
          <img src="./images/06.webp" alt="">
        </li>
        <li>
          <img src="./images/07.webp" alt="">
        </li>
        <li>
          <img src="./images/08.webp" alt="">
        </li>
        <li>
          <img src="./images/09.webp" alt="">
        </li>
        <li>
          <img class="im10" src="./images/10.webp" alt="">
        </li>
        <li>
          <img class="im11" src="./images/11.webp" alt="">
        </li>
        <li>
          <img class="im12" src="./images/12.webp" alt="">
        </li>
        <li>
          <img class="im13" src="./images/13.webp" alt="">
        </li>
        <li>
          <img class="im14" src="./images/14.webp" alt="">
        </li>
        <li>
          <img class="im15" src="./images/15.webp" alt="">
  
        </li>
        <li>
          <img src="./images/16.webp" alt="">
  
        </li>
        <li>
          <img src="./images/17.webp" alt="">
  
        </li>
        <li>
          <img src="./images/18.webp" alt="">
  
        </li>
      </ul>
    </div>
  
    <div class="footerBox">
      <div class="footer">
        <div class="footerUl">
          <a href="#">关于我们</a>
          <li>|</li>
          <a href="#">商家入驻</a>
  
          <li>|</li>
          <a href="#">入驻协议</a>
  
          <li>|</li>
          <a href="#">新手指南</a>
  
          <li>|</li>
          <a href="#">商务合作</a>
  
          <li>|</li>
          <a href="#">汉服荟</a>
        </div>
  
        <div class="footerSpan">
          <img src="./images/ebs_icon.png" alt="">
          CopyRight ©2014 ~ 2022 深圳市汉服荟网络科技有限公司 版权所有 粤ICP备14046913号-1 电话：0755-21503399
        </div>
      </div>
    </div>
  </div>

  <script src="./js/index.js">
    
  </script>



</body>


</html>